body div section header {
    padding: 0px;
    margin: 0px;
    font-size: 1.2em;
    border: 0px;
    background: #aaaaaa;
}
body{
    overflow: hidden;
}
header{
    color: #f1f1f1;
    font-size: 1.1em;
    position:fixed;
    top: 0px;
    left: 0px;
    width: 101%;
    height:9%;
    opacity:0.8;
    background-color: #202024;
    z-index: 1060;
    transition: all 1.2s;
}
header img{
    width: 1.3em;
    height: 1.3em;
    filter: contrast(0);
}
header div{
    max-width: 20%;
}
header div img{
    width: 1.2em;
    height: 1.2em;
    filter: contrast(0);
}
#head_play{
    position: absolute;
    width: 6%;
    left: 1%;
    top: 28%;
    height: 100%;
    margin-top: auto;
    margin-bottom: auto;
}
#head_play img{
    position: relative;
    top: 7%;
    left: -2%;
}
#back{
    position: absolute;
    left:8%;
    top: 33%;
    margin-top: auto;
    margin-bottom: auto;
}
#font{
    position: absolute;
    left:12%;
    top: 33%;
    margin-top: auto;
    margin-bottom: auto;
}
#save{
    position: absolute;
    left:16%;
    top: 33%;
    margin-top: auto;
    margin-bottom: auto;
}
#head_figure{
    position: absolute;
    width: 10%;
    left: 40%;
    top: 28%;
    height: 100%;
    margin-top: auto;
    margin-bottom: auto;
}
#head_figure img{
    position: relative;
    top: 7%;
    left: -2%;
}
#head_insert{
    position: absolute;
    width: 10%;
    left: 48%;
    top: 28%;
    height: 100%;
    margin-top: auto;
    margin-bottom: auto;
}
#head_insert img{
    position: relative;
    top: 7%;
    left: -2%;
}
#head_bg{
    position: absolute;
    width: 10%;
    left: 56%;
    top: 28%;
    height: 100%;
    margin-top: auto;
    margin-bottom: auto;
}
#head_bg img{
    position: relative;
    top: 7%;
    left: -2%;
}
#head_setting{
    position: absolute;
    width: 10%;
    left: 64%;
    top: 28%;
    height: 100%;
    margin-top: auto;
    margin-bottom: auto;
}
#head_setting img{
    position: relative;
    top: 7%;
    left: -2%;
}
#head_menu{
    position: absolute;
    width: 9%;
    right: 0%;
    top: 28%;
    height: 100%;
    margin-top: auto;
    margin-bottom: auto;
}
#head_menu img{
    position: relative;
    top: 7%;
    right:-40%;
}
#share{
    position: absolute;
    right: 9%;
    top: 29%;
}
#coperation{
    position: absolute;
    right: 12.5%;
    top: 29%;
}

aside{
    position: fixed;
    width: 18%;
    height: 91%;
    top: 9%;
    left: 0px;
    opacity: 0.9;
    z-index: 1060;
    background-color: #dcdada;
    transition: all 1.2s;
    overflow: hidden;
}
#aside_add{
    position: relative;
    width: 100%;
    height: 25%;
    border: none;
    border-bottom: #7c7c7c solid 1px;
    text-align: center;
    overflow: hidden;
}
#aside_add img{
    position: relative;
    width: 100%;
    height: 150%;
    top:-30%;
}
#aside_add a{
    position: relative;
    top:-65%;
}
#aside_pagelist{
    position: absolute;
    top: 25%;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 67%;
    width: 100%;
}
.page_card{
    position: relative;
    width: 60%;
    left:20%;
    background: white;
    margin-top: 1em;
    margin-bottom: 1em;
    height: 6em;

}
.page_card a{
    position: relative;
    top: 45%;
    right:10%;
}
#aside_menu{
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    padding-top: 1%;
    height: 5%;
    text-align: center;
    border: none;
    border-top: #7c7c7c solid 1px;
}
#aside_menu img{
    width: 12%;
    padding-left: 7%;
    padding-right: 7%;
    height: auto;
    background-color: #dcdada;
}


#camera{
    position: absolute;
    width: 100%;
    height:100%;
    overflow: scroll;
}
#showbox{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 6000px;
    height: 3000px;
    z-index: 1000;
    transition:all 1.2s ease-in-out;
    background-color: gray;

}
#showbox #showbox_bg{
    position: absolute;
    z-index: 1011;
    width: 2800px;
    height: 1000px;
    top: 500px;
    background-size: cover;
}
#showbox section{
    text-align: center;
    color: white;
    position: absolute;
    z-index: 1024;
}
#comment{
    padding: 0%;
    margin: 0%;
    position: fixed;
    width:25%;
    opacity: 0.8;
    height: 100%;
    top: 0px;
    right: 0px;
    background-color: #f1f1f1;
    z-index: 1026;
    transition: all 1s ease-in-out;

}
.comment_content{
    position: relative;
    width: 100%;
    height: 20%;
    padding: 0px;
    border: none;
    border-top: solid 1px gray;
    border-bottom: solid 1px gray;

}
.comment_name{
    position: absolute;
    width: 100%;
    height: 20%;
    text-align:center ;
}
.comment_ct{
    position: absolute;
    top: 20%;
    width: 100%;
    left: 10%;
    float: left;
}
#comment_input{
    position: fixed;
    width: 20%;
    bottom: 0px;
    height: 6%;
    z-index: 1090;
}
#comment_exit{
    position: absolute;
    width: 2.5em;
    height: 2.5em;
    font-size: 6em;
    color: white;
    border-radius: 100%;
    top: 50%;
    right: 100%;
    z-index: 2200;
}
.danmu{
    font-size: 2.5em;
    color: white;
    position: fixed;
    transition: 10s;
    left: 0px;
    z-index: 1280;
    transform: translate(-100%,0);
}